<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title langWord="t:User_Center_Dealer_Coupons"></title>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="../../resources/css/mui.css">
	<link rel="stylesheet" href="../../resources/css/style.css">
	<link rel="stylesheet" href="../../resources/css/user/register.css">
	<script src="../../resources/assets/mui.js"></script>
	<script src="../../resources/assets/avalon.js"></script>
	<script src="../../resources/assets/jquery-2.0.3.min.js"></script>
	<script src="../../resources/assets/jquery.cxselect.min.js"></script>
	<script src="../../resources/js/common.js"></script>
	<script src="../../resources/js/dahua.config.js"></script>
	<script src="../../resources/js/lang/en.js"></script>
	<!-- <script src="../../resources/js/user/register.js"></script> -->
	<script src="../../resources/js/agent/secondAgentInfo.js"></script>
	<style type="text/css">
		#popover{
			height: 100px;
			width:100px;
			background-color: black;
		}
		.mui-bar{
			z-index: 1000;
		}
		.mui-popover .mui-popover-arrow:after{
			background: black;
		}
		.mui-popover .mui-table-view{
			background-color: black !important;
			color: white;
		}
		.mui-icon-bars{
			font-style: normal;
		}
		.mui-content>.mui-table-view:first-child{
			margin-top:-1px;
		}
		.mui-input-group .mui-table-view{
			background-color: #efeff4 !important;
			padding-top: 10px;
		}
		.mui-btn-black{
			border: 1px solid black;
			color:black;
		}
		.mui-media{
			background-color: white;
			margin-top: 10px;
			border-radius: 5px;
		}
		.mui-media:first-child{
			margin-top: 0px;
		}
		.mui-media a{
			display: flex !important;
		}
		.mui-media .mui-pull-left{
			max-width:110px !important;
			min-width: 90px;
			text-align: center;
			background-color:black;
			margin: -11px -15px;
			height: 116px;
			padding-top: 25px;
		}
		.mui-media .mui-pull-left p{
			font-size: 14px !important;
			color: white !important;
			line-height: 30px !important;
		}
		.mui-media .mui-pull-left span{
			font-size: 35px !important;
		}
		.mui-media .mui-media-body{
			flex: 1;
		}
		.mui-media .mui-media-body p{
			color:#262429 !important;
		}
		.mui-media .mui-media-body .mui-ellipsis{
			padding-top: 10px;
			color:#999999 !important;
		}
		.disabled .mui-pull-left{
			background-color:#d7d6dc !important;
		}
		.mui-media-right .status{
			display: none;
			background-size: cover;
			display: inline-block;
			width: 50px;
			height: 50px;
		}
		.sy{
			background:url('../../resources/images/icon_yishiy@2x.png') no-repeat center center;
		}
		.gq{
			background:url('../../resources/images/icon_yiguoqi@2x.png') no-repeat center center;
		}
		.disabled .mui-media-right button{
			display: none;
		}
		.disabled .mui-media-right .status{
			
		}
		.mui-slider{
			padding-top:50px;
		}
		.mui-table-view{
		    margin: 10px;
		}
	</style>
</head>

<body ms-controller="page" >
	<div id="regPage">
		<!--头部-->
		<header class="mui-bar mui-bar-nav header">
			<h1 id="title" class="mui-title" langWord="t:User_Center_Dealer_Coupons">我的二级代理商</h1>
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left mui-icon-white login"></a>
			<a class="mui-icon mui-pull-right mui-icon-white home" href="#popover">
				<!-- <i class="icon icon_home"></i> -->
				<i class="mui-icon-bars"></i>
			</a>
			<div id="popover" class="mui-popover">
				<!-- <div class="mui-scroll-wrapper">
					<div class="mui-scroll"> -->
						<ul class="mui-table-view">
							<li class="mui-table-view-cell" id="menuScan"><a href="javascript:void(0)"><span class="mui-icon-extra-sweep"></span><span langWord="t:User_Center_Scan2">扫一扫</span></a></li>
							<li class="mui-table-view-cell" id="menuInput"><a href="javascript:void(0)"><span langWord="t:User_Center_Manual_Entry">手工录入</span></a></li>
						</ul>
					<!-- </div>
				</div> -->
			</div>
		</header>
		<!-- <div id="pullrefresh" class="mui-content mui-scroll-wrapper">
			<div class="mui-scroll"> -->
				<!-- <form class="mui-input-group" :validate="@validate" id="form" method="post"> -->
					<input type="hidden" value="" id="uid" name="uid" />
					<div class="mui-slider">
						<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
							<a class="mui-control-item" href="#item1" ms-for="(i,item) in @tab" ms-attr="{href:'#'+@item.id}" ms-if="@item.show">{item.title}</a>
							<!-- <a class="mui-control-item" href="#item1" langWord="t:Use_the_Coupon_In_Use">确认使用中</a>
							<a class="mui-control-item" href="#item2" langWord="t:Use_the_Coupon_Not_Used">未使用</a>
							<a class="mui-control-item" href="#item3" langWord="t:Use_the_Coupon_Written_Off">已核销</a>
							<a class="mui-control-item" href="#item4" langWord="t:Use_the_Coupon_Expired">过期</a> -->
						</div>
						<div id="sliderProgressBar" class="mui-slider-progress-bar mui-col-xs-3"></div>
						<div class="mui-slider-group">
							<!-- <div id="pullrefresh" class="mui-content mui-scroll-wrapper">
							<div class="mui-scroll"> -->
							<div ms-for="(i,list) in @tab" ms-attr="{id:@list.id,style:'height:'+@tabHeight+'px'}" class="mui-slider-item mui-control-content">
							 <div ms-attr="{id:'pullrefresh_'+@list.id,'data-val':@list.id}" class="mui-content mui-scroll-wrapper pullrefresh"> 
							<div class="mui-scroll">
								<ul class="mui-table-view">
									<li class="mui-table-view-cell mui-media" ms-for='(i,item) in @getTabItem(list)' ms-attr="{'data-id':@item.id}" ms-class="[@item.status=='1' && 'disabled',@item.status=='2' && 'disabled']">
										<a href="javascript:;">
											<div class="mui-media-object mui-pull-left">
												<p>¥<span>{item.value}</span></p>
												<p langWord="t:User_Coupon_lbl2"></p>
											</div>
											<div class="mui-media-body">
												<p><span langWord="t:User_Coupon_lbl2"></span>¥{item.value}</p>
												<p>{item.user.customer.companyName}</p>
												<p class="mui-ellipsis"><span langWord="t:User_Coupon_lbl3"></span>: {item.endtime}</p>
											</div>
											<div class="mui-media-right">
												<i class="status" ms-class="[@item.status=='1'&&'sy',@item.status=='2'&&'gq']"></i>
											</div>
										</a>
									</li>
								</ul>
								</div>
								</div>
							</div>
							<!-- </div>
							</div> -->
							<!-- <div id="item1" class="mui-slider-item mui-control-content mui-active">
								<ul class="mui-table-view">
									<li class="mui-table-view-cell mui-media" ms-for='(i,item) in @receipted' ms-attr="{'data-id':@item.id}" ms-class="[@item.status=='1' && 'disabled']">
										<a href="javascript:;">
											<div class="mui-media-object mui-pull-left">
												<p>¥<span>{item.value}</span></p>
												<p langWord="t:User_Coupon_lbl2"></p>
											</div>
											<div class="mui-media-body">
												<p><span langWord="t:User_Coupon_lbl2"></span>¥{item.value}</p>
												<p>{item.code}</p>
												<p>{item.dt.companyName}</p>
												<p class="mui-ellipsis"><span langWord="t:User_Coupon_lbl3"></span>{item.starttime}-{item.endtime}</p>
											</div>
											<div class="mui-media-right">
												<i class="status gq" ms-if="@item.status=='1'"></i>
											</div>
										</a>
									</li>
								</ul>
							</div>
							<div id="item2" class="mui-slider-item mui-control-content">
								<ul class="mui-table-view">
									<li class="mui-table-view-cell">第2个选项卡子项</li>
									<li class="mui-table-view-cell">第2个选项卡子项</li>
								</ul>
							</div>
							<div id="item3" class="mui-slider-item mui-control-content">
								<ul class="mui-table-view">
									<li class="mui-table-view-cell mui-media disabled">
										<a href="javascript:;">
											<div class="mui-media-object mui-pull-left">
												<p>¥<span>500</span></p>
												<p>满减券</p>
											</div>
											<div class="mui-media-body">
												<p>满¥35000减¥400</p>
												<p>4111812091101</p>
												<p langWord="t:Use_the_Coupon_Designated_Distributor">指定DT</p>
												<p class="mui-ellipsis"><span langWord="t:Use_the_Coupon_Date_of_Expiry">有效期至</span>2019/11/30</p>
											</div>
											<div class="mui-media-right">
												<button type="button" class="mui-btn mui-btn-black mui-btn-outlined">取消</button>
												<i class="status gq"></i>
											</div>
										</a>
									</li>
								</ul>
							</div>
							<div id="item4" class="mui-slider-item mui-control-content">
								<ul class="mui-table-view">
									<li class="mui-table-view-cell">第2个选项卡子项</li>
									<li class="mui-table-view-cell">第2个选项卡子项</li>
								</ul>
							</div> -->
						</div>
					</div>
				<!-- </form> -->
			<!-- </div>
		</div> -->
	</div>

	<!--底部导航
		<footer class="mui-bar mui-bar-tab footer">
			<a id="defaultTab" data-id="1" class="mui-tab-item" href="../product/category.html">
				<span class="mui-icon icon icon_product"></span>
				<span class="mui-tab-label">Product</span>
			</a>
			<a class="mui-tab-item" href="../solution/category.html">
				<span class="mui-icon icon icon_solution"></span>
				<span class="mui-tab-label">Solution</span>
			</a>
			<a id="partner" class="mui-tab-item mui-hidden" href="../partner/index.html">
				<span class="mui-icon icon icon_partner"></span>
				<span class="mui-tab-label">Partner</span>
			</a>
			<a class="mui-tab-item mui-active" href="user.html">
				<span class="mui-icon icon icon_usercenter active"></span>
				<span class="mui-tab-label">User Center</span>
			</a>
		</footer>
-->
</body>

</html>
